#model ul li{
    cursor: pointer;
}
body{
    margin: 0px;
    padding: 0;


}
#top{
    height: 54px;
    width: 100%;
    float: left;
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#FFB900), to(#FFA600)) !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#top .logo{
    width: 200px;
    height: 40px;
    position: absolute;
    left: 20px;

    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 35px;
    font-weight:bold;


}
#top .logo a{
    color: #2d2d2d !important;
    font-weight: 600 !important;
    font-family: 微软雅黑 !important;
}
/*#top .nav{*/
    /*width: 330px;*/
    /*height: 60px;*/


/*}*/
#top .nav ul{
    padding: 0;
    margin-left: 180px;
}
/*#top .nav li{*/
    /*display: inline-block;*/
    /*padding: 0 20px;*/
    /*text-align: center;*/
/*}*/

#title .stl_Choose li:hover{color: aqua}

#title{
    height: 60px;
    width: 100%;

    float: left;
}
#title .stl_Choose{
    width: 560px;
    height: 50px;
    margin-left: 270px;
    background-color: rgb(238,238,238);
    float: left;
}
#title .stl_Choose li{
    display: inline-block;
    padding: 0 20px;
    margin-top: 5px;
    text-align: center;
    float: left;
}

#title .stl_Choose #addMenu{
    margin: 0px;
    width: 30px;
    height: 50px;
    line-height: 50px;
    background-color: #b2cd54;
    cursor: pointer;
}

#title .save{

    margin-right: 30px;
    margin-top: 15px;
    float: right;


}
#content{
    height: 1000px;
    /*width: 100%;*/
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#content #model{

    width:180px;
    height:1000px;
    padding-top:15px;
    padding-right: 30px;
    /*margin-left: 30px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

#content #model  ul{
    padding: 0;
    margin: 0;
    width: 150px;
    height: 1000px;
    float: left;
}

#content #model  .small{
    width: 150px;
    height: 80px;
    list-style-type:none;
    margin: 0;
    border-bottom: 1px solid #ffffff;
    text-align: center;
    line-height: 80px;
    background-color: #00b3ee;
    font-size: 100%;
}
#content #detail_model{
    width: 320px;
    height: 970px;
    padding: 0px;
    margin: 0;
    position: absolute;
    top:130px;
    left: 220px;
    border: 2px solid black;
    display: none;
    z-index:100;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background: url("../img/UI_model.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;


}
#detail_model #cover_01{
    width: 100%

}
#detail_model #cover_02{
    width: 100%

}

#detail_model #cover_03{
    width: 100%

}
/*#content #detail_model #d_model{*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*width: 320px;*/

 /**/
/*}*/
/*#content #detail_model #d_model ._det*/
/*{*/
    /*margin: 0;*/
    /*width: 320px;*/
    /*/!*height: 60px;*!/*/
    /*/!*background-color: rgba(0, 228, 228, 0.2);*!/*/
    /*float: right;*/
    /**/
/*}*/



#content #design{

    width:700px;
    height:970px;
    padding-right: 0px;
    margin-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;


}
#content #design #round{
    width:664px; height:970px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*#content #design #round div{*/
    /*width: 640px;*/
    /*height: 800px;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /**/
/*}*/
#content .tool{

    width:500px; height:1000px;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;

}
#bottom{

    height: 70px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    line-height: 70px;
    background-color:#4E4E4E;
    margin-top: 10px;
    float: left;
}
#round ul{
    padding:0px;
    margin:0px;
}
#round ul li{
    padding:0px;
    margin:0px;
}
#model_field{
    width: 640px;
    height: 964px;

    background-color: #F1F1F1;
}
.stl_Choose_content{
    width: 70px;
    height: 50px;
    float: left;
    margin-top: 5px;
}
.stl_Choose_tool_icon{
    width:24px;
    display: inline-block;
    margin-left: 10px;
    float: left;
}
.stl_Choose_tool_bicon{
    width:24px;
    display: inline-block;
    margin-left: 10px;
    float: left;
}
.stl_Choose_tool_in input{
    width: 60px;
    margin-left: 10px;

    float: left;
    text-align: center;


}
.icon{
    display: block; width: 24px; height: 24px;margin-left: auto;margin-right: auto;

}
.bicon{
    display: none; width: 24px; height: 24px;margin-left: auto;margin-right: auto;

}
.stl_p{
    margin-left: 10px;
    float: left;
    margin-top: 14px;
}
.stl_Choose_tool_color{

    float: left;
    margin-top: 5px;
    margin-left: 5px;
    width: 47px !important;
    height: 30px !important;

}
.stl_Choose_tool_bcolor{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    width: 47px !important;
    height: 30px !important;
}
#stl_Choose_tool_enter{
    float: left;
    margin-top: 10px;
    margin-left: 5px;


}
#stl_Choose_tool_delete{
    float: left;
    margin-top: 10px;
    margin-left: 5px;

}
.stl_Choose_tool{
    width: 470px;
    height: 50px;
    float: left;

    margin-left: 10px;
}
.active_model{
    background-color: #2d2d2d;
    color: #FFFFFF !important;
}
.history_page{
    color: #2d2d2d ;
    width: 100px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    cursor: pointer;

}
.current{
    color: #2d2d2d ;
    width: 100px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    cursor: pointer;
}
.help_page{
    color: #2d2d2d;
    width: 100px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    cursor: pointer;
}
